<script setup>

import { animate } from 'animejs';

onMounted(() => {
  animate('.square', { x: '17rem' });
  animate('#css-selector-id', { rotate: '2turn' });
  animate('.row:nth-child(4) .square', { scale: [1, .5, 1] });
});
</script >

<template >
  <div class="medium row">
    <div class="square"></div>
  </div>
  <div class="medium row">
    <div id="css-selector-id" class="square"></div>
  </div>
  <div class="medium row">
    <div class="square"></div>
  </div>
</template >

<style scoped >
.square {
  width: 5rem;
  height: 5rem;
  background: blue;
  margin: 1rem;
}
</style >